<template>
	<div class="shoppingcart">
		<div class="chooseall">
			<div class="choosealll">
				<image src="../../static/shoppingcart/choosen.png"></image>
				<div class="all">
					全选
				</div>
			</div>
			<div class="chooseallr">
				删除
			</div>
		</div>
		<div class="cartlist" v-for='item in 9'>
			<image src="../../static/shoppingcart/choosea.png" class='img32 chooseimg'></image>
			<image src="../../static/details/2222.png" mode="widthFix" class="img160" ></image>
			<div class="cartdetails">
				<div class="cartdetailst">
					<div class="cartdetailsts fsize28">长白母猪_母猪不拼价格拼质量正阳…</div>
					<div class="cartdetailstx fsize24">商品规格：规格规格规格规</div>
				</div>

				<div class="cartdetailsb">
					<div class="cartdetailsbz fsize32p">￥ 108</div>
					<div class="cartdetailsby">
						<image src="../../static/shoppingcart/cutn.png" class='img32'></image>
						<input type="text" value="" />
						<image src="../../static/shoppingcart/add.png" class='img32'></image>
					</div>
				</div>

			</div>
		</div>
		<div class="mbbox"></div>
		<div class="buycar">
			<div class="buyprice">
				<div class="buytxt">合计：</div>
				<div class="buypricetxt">￥ 1088</div>
			</div>
			<div class="buybtn fsize32w" @click='gotosettlement()'>
				结算 （1）
			</div>
		</div>
	</div>


</template>

<script>
	export default {
		data() {
			return {
				hour: 10,
				minute: 50,
				second: 32
			};
		},
		onLoad: function() {

		},
		methods: {
			gotoeditaddress(e) {
				uni.navigateTo({
					url: '../editaddress/editaddress'
				});
			},
			gotosettlement(e) {
				uni.navigateTo({
					url: '../settlement/settlement'
				});
			}
		}
	}
</script>

<style lang="less">
	.shoppingcart {
		background-color: #F0F0F0;
	}

	.chooseall {
		background-color: #FFFFFF;
		padding: 0 32rpx;
		display: flex;
		justify-content: space-between;

		.choosealll {
			display: flex;

			image {
				margin: 28rpx 0;
				width: 32rpx;
				height: 32rpx;
			}

			.all {
				margin-left: 16rpx;
				font-size: 28rpx;
				font-weight: 400;
				line-height: 88rpx;
			}
		}

		.chooseallr {
			font-size: 28rpx;
			font-weight: 400;
			line-height: 88rpx;
		}
	}

	.cartlist {
		margin-top: 16rpx;
		background-color: #FFFFFF;
		padding:32rpx;
		display: flex;
		.chooseimg{
			margin: 64rpx 20rpx 64rpx 0;
		}
		.cartdetails {
			margin-left: 16rpx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}
	}
	.cartdetailst {
		width: 458rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		.cartdetailstx{
			margin-top: 16rpx;
		}
	}
	.cartdetailsb {
		display: flex;
		justify-content: space-between;
		.cartdetailsby {
			display: flex;
			input {
				text-align: center;
				width: 84rpx;
			}
		}
	}
	
	.mbbox {
		width: 100%;
		height: 148rpx;
		background-color: #F0F0F0;
	}
	
	
</style>
